// var app = angular.module('indexApp');

app.controller('cf-Controller', ['$scope', '$http', function ($scope, $http){
	// 开启轮播图
	lunbo1();
	lunbo2();
	lunbo3();
	// 先请求page0数据，之后在lunbo3中请求数据
	getAjax(0);
	// 解析数据函数
	// flag判断是否为滑动产生的数据 flag默认是undefine-->false，不是滑动产生的
	function getAjax(index, flag) {
		$http({
			method: 'GET',
			url: 'http://10.0.164.211:8888/crowdFunding/json/page' + index + '.json'
		}).then(function (responseText) {
			getData(responseText, flag);
		});
	}

	var tempArr = new Array();
	// 解析数据函数
	// flag判断是否为滑动产生的数据 flag默认是undefine-->false，不是滑动产生的
	function getData(responseText, flag) {
		// 数据所在数组
		// console.log(responseText.data.projectList);
		if (flag) {
			tempArr = [];
		}
		$scope.data = tempArr.concat(responseText.data.projectList);
		tempArr = responseText.data.projectList;
	}

	function lunbo1() {
		var mySwiper = new Swiper ('.swiper-container1', {
	        autoplayDisableOnInteraction: false, //实现继续播放
	        autoplay: 2000,                     //实现自动播放
	        loop: true,                         //实现环路播放
	        // 如果需要分页器
	        pagination: '.swiper-pagination',
	    })
	}
	function lunbo2() {
		var mySwiper = new Swiper('.c-ulBoxWrap',{
			slidesPerView : 2.4,
			spaceBetween : 10
		})
	}
	var index = 0; // 存储当前下标
	function lunbo3() {
		var mySwiper = new Swiper('.c-titleUlWrap',{
			slidesPerView : 3,
			centeredSlides : true,
			watchSlidesProgress : true,
			/*prevButton:'.swiper-button-prev',
			nextButton:'.swiper-button-next',*/
			// 一个属性解决点击切换轮播问题(我也是醉了)
			slideToClickedSlide:true
		})
		var startX = endX = 0;
		document.getElementById('ulTop').addEventListener('touchstart', function (e) {
			startX = e.targetTouches[0].pageX;
			$('#c-contentWrap').removeClass('animated fadeInLeft');
			$('#c-contentWrap').removeClass('animated fadeInRight');
			$('#c-wrapUl').removeClass('animated fadeInLeft');
			$('#c-wrapUl').removeClass('animated fadeInRight');
		});
		// 滑动过后检测是第几个，修改移动样式
		document.getElementById('ulTop').addEventListener('touchmove', function () {
			setTimeout(function () {
				for (let i = 0; i < mySwiper.slides.length; i++) {
					// 还原所有li的样式
					mySwiper.slides[i].style.borderBottom = 'none';
					mySwiper.slides[i].style.color = '#999';
					// li距离适口左边距离
					var left = parseInt($(mySwiper.slides[i]).offset().left);
					// 判断哪个条目位于中间位置，给相应条目加入样式，并解析数据
					if (left > 80 && left < 160) {
						// console.log(mySwiper.slides[i]);
						mySwiper.slides[i].style.borderBottom = '2px solid #E13045';
						mySwiper.slides[i].style.color = '#666';
					}
				}
			}, 200) // swiper插件动画是300ms，此处做400ms的延时，来获取动画停止时的偏移量
		});
		// 滑动结束后判断li和拼接数据
		document.getElementById('ulTop').addEventListener('touchend', function (e) {
			endX = e.changedTouches[0].pageX;
			if (endX - startX >= 60) {
				$('#c-contentWrap').addClass('animated fadeInLeft');
				$('#c-wrapUl').addClass('animated fadeInLeft');
			} else if (endX - startX <= -60) {
				$('#c-contentWrap').addClass('animated fadeInRight');
				$('#c-wrapUl').addClass('animated fadeInRight');
			}

			// 确定li下标并拼接
			getLiData();
		});
	}

	// 点击ul上下翻页
	/*document.getElementById('prevBtn').addEventListener('touchend', function () {
		// this.style.backgroundColor = 'none';
		// 确定li下标并拼接
		getLiData();
	});
	document.getElementById('nextBtn').addEventListener('touchend', function () {
		// this.style.backgroundColor = 'none';
		// 确定li下标并拼接
		getLiData();
	})*/


	// 点击更多信息按钮
	document.getElementById('askForMore').addEventListener('touchend', function () {
		getAjax(index+'m', false);
	});

	// 提交按钮
	$('#subBtn button')[0].addEventListener('touchend', function () {
		var value = $('#wenzi').val();
		if (value == '') {
			// 停止动画
			$('#valueAlert').stop(true, true);
			$('#valueAlert').text('好像什么都没有输入，您是在跟我说悄悄话吗~');
			$('#valueAlert').css('display', 'block');
			// 延迟执行淡出
			setTimeout(function () {
				$('#valueAlert').fadeOut(3000);
			}, 1000);
		} else {
			$('#valueAlert').stop(true, true);
			$('#valueAlert').text('谢谢您的反馈，您的意见会让我们进步！');
			$('#valueAlert').css('display', 'block');
			setTimeout(function () {
				$('#valueAlert').fadeOut(3000);
			}, 1000);
			$('#wenzi').val('');
		}
	});

	// 封装获取对应数据函数
	function getLiData () {
		// 确定下标并拼接
		setTimeout(function () {
			for (let i = 0; i < $('#ulTop li').length; i++) {
				var left = parseInt($('#ulTop li').eq(i).offset().left);
				// 修改样式
				$('#ulTop li').eq(i).css('borderBottom', 'none');
				$('#ulTop li').eq(i).css('color', '#999');
				// 判断哪个条目位于中间位置，给相应条目加入样式，并解析数据
				if (left > 80 && left < 160) {
					// 修改对应样式
					$('#ulTop li').eq(i).css('borderBottom', '2px solid #E13045');
					$('#ulTop li').eq(i).css('color', '#666');
					// 填入对应数据, 判断是否为滑动产生的数据
					getAjax(i, true);
					index = i;
				}
			}
		}, 300);
	}

}]);

